<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>修改密码</title>
        <meta charset="UTF-8">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            $(document).ready(function(){
                $("#button").click(function(){
                    $.ajax({
                        url:"mmps",
                        type:"GET",
                        data:{name:$('#name').val(),oldpwd:$("#old").val(),newpwd:$("#new").val(),ensurepwd:$("#ensurepwd").val()},
                        success:function(data){
                            $("#forms").append(data);
                            $("#line").css("background-color","#269abc");
                            $("#round").css("background-color","#269abc");
                        },
                        error:function(req, status, error){
                            alert("请求处理出错，错误信息：" + error);
                        }
                    });
                });
            })
        </script>
    </head>
    <body>
        <!--题头-->
        <div style="height: 90px;width: 100%;background-color:#269abc">
            <p style="color: white;font-size: xx-large;font-weight: bold">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;管理员安全中心
            </p>
            <a href="registerManager.html">
                <button class="glyphicon glyphicon-log-out bg-primary" style=" border-color:#269abc;margin-left: 1150px">
                </button>
            </a>
        </div>
        
        <!--圆框框们-->
        <div style="height: 130px;width: 100%;background-color: #e5e5e5">
            <div style="float: left;border-radius: 50%;width: 80px;height: 80px;margin-left: 250px;margin-top: 10px;background-color:#269abc" >
                <br>
                <p style="font-weight: bold;color: white;font-size: 30px">&nbsp;&nbsp;&nbsp;&nbsp;1</p>
            </div>
            <div id="line" style="float: left;width: 400px;height: 20px;margin-left: 100px;margin-top: 40px;background-color: #ccc;border-radius: 5px" ></div>
            <div id="round" style="float: left;border-radius: 50%;width: 80px;height: 80px;margin-left: 100px;margin-top: 10px;background-color: #ccc">
                <br>
                <p style="font-weight: bold;color: white;font-size: 30px">&nbsp;&nbsp;&nbsp;&nbsp;2</p>
            </div>
            <br><br><br><br><br>
            <p style="margin-left: 260px;font-weight: bold;margin-top: 5px">输入信息</p>
            <p style="margin-left: 940px;font-weight: bold;margin-top: -30px">修改完成</p>
        </div>
        
        <!--表单-->
        <div id="forms" style="margin-top: 40px;margin-left: 410px;width: 420px;height: 320px;box-shadow: darkgrey 10px 10px 10px 10px ">
            <form action="mmps" class="form-inline">
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label for="name">账号:</label>
                <input id="name" name="name" type="text">
                
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label for="oldpwd">原密码:</label>
                <input id="old" name="oldpwd" type="password">
                
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label for="newpwd">新密码:</label>
                <input id="new" name="newpwd" type="password">
                
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label for="ensurepwd">确认密码:</label>
                <input id="sure" name="ensurepwd" type="password">
                
                <br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button id="button" class="btn btn-primary btn-lg">确定</button>
            </form>
        </div>
    </body>
</html>
